﻿@model VNWIKI_WEB.Models.DataList
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section categoryList {
    @{foreach (var pt in Model.CatList)
      { 
        <li><a href="@Url.RouteUrl("CategoryView", new { catID = pt.ID })">@pt.Name</a>
        </li>
      } }
}
@section content {
    <div class="slider">
        <div class="border">
            <div class="info">
                <h2>
                    <strong>Upload Ảnh</strong></h2>
                <table cellpadding="0" cellspacing="0" style="margin-top: 20px; line-height: 20px;
                    width: 100%; background: #ecf9ff; text-align: center">
                    <tr>
                        <td style="width: 33%; background: #00a0d2; color: #ffffff">
                            Bước 1 (Tạo Album Ảnh)
                        </td>
                        <td style="width: 33%; color: #ccc">
                            Bước 2 (Upload Ảnh)
                        </td>
                        <td style="width: 33%; color: #ccc">
                            Bước 3 (Xem lại Album ảnh vừa up)
                        </td>
                    </tr>
                </table>
            </div>
            <div class="views">
                <div style="width: 50%;">
                    <form action="@Url.RouteUrl("InsertAlbum")" method="post">
                    <table class="signup">
                        <tr>
                            <td style="width: 20%">
                                <b>Tên Album:</b>
                            </td>
                            <td>
                                <input class="input" type="text" id="albumName" name="albumName" /><span>(Không được
                                    để trống)</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <b>Thể loại:</b>
                            </td>
                            <td>
                                <select name="catID">
                                    <option value="0">---------Chọn thể loại---------</option>
                                    @{foreach (var pt in Model.CatList)
                                      { 
                                        <option value="@pt.ID">@pt.Name</option>
                                      } }
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <b>Từ khóa:</b>
                            </td>
                            <td>
                                <input class="input" type="text" id="tags" name="tags" /><span>(Lưu ý: mỗi từ khóa cách
                                    nhau bởi dấu phẩy ",")</span>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <input class="red no" type="button" value="Hủy bỏ" />
                                <input class="blue" type="submit" value="Tiếp tục" />
                            </td>
                        </tr>
                    </table>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="album-list">
    </div>
    <div id="fb-root">
    </div>
    <script type="text/javascript">
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
    </script>
}
